<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>OJ Problem Page</title>
    <link rel="stylesheet" href="/question_template/problem.css">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.33.0/min/vs/editor/editor.main.css" rel="stylesheet">
</head>
<body>
    <nav class="navbar">
        <div class="nav-container">
            <a href="/" class="nav-logo">OJ Platform</a>
            <ul class="nav-menu">
                <li class="nav-item"><a href="/" class="nav-link">题库</a></li>
                <li class="nav-item"><a href="/forum" class="nav-link">论坛</a></li>
                <li class="nav-item"><a href="/jobs" class="nav-link">求职</a></li>
                <li class="nav-item"><a href="/contests" class="nav-link">竞赛</a></li>
                <li class="nav-item"><a href="/rankings" class="nav-link">排行榜</a></li>
            </ul>
        </div>
    </nav>
    <div class="container">
        <div class="left-panel">
            <h1>
                <span id="qid">题目编号</span>.<span id="problem-name">题目名称:</span>
                <button id="submit-record-btn">提交记录</button>
            </h1>
            <p><strong>难度：</strong><span id="difficulty">难度</span></p>
            <p><strong>描述：</strong><span id="description">描述</span></p>
            <p><strong>时间限制：</strong><span id="time-limit">时间限制</span></p>
            <p><strong>空间限制：</strong><span id="memory-limit">空间限制</span></p>
            <p><strong>思路提示：</strong><span id="hints">提示</span></p>
            <!-- 弹出框 -->
             <!-- 弹出框 -->
            <div id="dataDropdown" class="modal" aria-hidden="true">
                <div class="modal-content">
                    <p id="dropdownContent">在这里显示数据...</p>
                    <button id="closeDropdownBtn" class="close-btn">✖ Close</button>
                </div>
            </div>

        </div>
        <div class="right-panel">
            <div class="editor-container">
                <div id="editor"></div>
            </div>
            <button id="submit-btn">提交代码</button>
            <!-- 模态框 -->
            <div id="myModal" class="modal" aria-hidden="true">
                <div class="modal-content">
                    <span id="modalText">判题中...</span>
                    <button id="next-question-btn" style="display: none;">挑战下一题</button>
                    <button class="close-btn" id="closeModalBtn">✖ Close</button>
                </div>
            </div>
        </div>
    </div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.33.0/min/vs/loader.js"></script>
    <script src="/question_template/problem.js"></script>
</body>
</html>